// JavaScript Document

$(document).ready(function(){
	var tss;
	$('header ul.menu_great li.sub').hover(function(){
		$('header').css({'height': '161px'});
		$(this).children('ul').fadeIn(300);
		clearTimeout(tss);
	},function(){		
		tss=setTimeout(function(){
			$('header').css({'height': '74px'});
			$('header ul.menu_great li.sub').children('ul').fadeOut(300);
		},1000)
		
	});
	
	
	/*------SCROLL_TOP------*/
	$(window).scroll(function() {
		if($(window).scrollTop() > 700) {
			$('#wlt-PictureScroll').stop().animate({'opacity': '0.5'}, 500);
		} else {
			$('#wlt-PictureScroll').stop().animate({'opacity': '0'}, 500);
		}
	});
	$('#wlt-PictureScroll').click(function(){
		$('html, body').animate({scrollTop:0},600);	
	});
	
	/*-----Lazy_LoadIMG----*/
	$(".topic_main .topic a.pic img").lazyload({ 
		effect : "fadeIn"
	});
	
	/*-----TIPSY-----*/
	$('.topic_main .topic .category > a').tipsy({gravity: 'sw'});
	
	/*-----MANSONRY-----*/
	$('img').load(function(){
		$(".masonry_cons").masonry();
	});
	$('.topic_main').masonry({
      itemSelector: '.container_topic',
	  isFitWidth: false
    });
	
	/*------COUNT_TOPIC-----*/
	$topic_main = $('.topic_main').length;
	for($i = 1;$i <= $topic_main;$i++){
		$child = '.topic_main:nth-child(' + $i + ')';
		$child_length = $($child + ' .topic').length;
		$($child + ' .date_topic .count_topic span').html($child_length);
	}
	
/*####-----TIMELINE-----####*/
	/*------OnOff_Timeline-----*/
	$('.changeDate_btn').click(function(){
		$('.topic_main').css({'padding' : '0 110px 0 10px'});
		$('.topic_main').masonry({
		  itemSelector: '.container_topic',
		  isFitWidth: false
		});
		$('.timeline').fadeIn();
		$(this).hide();
		if($(window).scrollTop() > 400){
			$('.timeline').addClass('fixed');
		}
	});
	$('#main .timeline .hideline').click(function(){
		$('.topic_main').css({'padding' : '0 10px 0 10px'});
		$('.topic_main').masonry({
		  itemSelector: '.container_topic',
		  isFitWidth: false
		});
		$('.timeline').fadeOut().hide();
		$('.changeDate_btn').show();
	});	
	
	/*----AddDATE----*/
	$year_no = 4;
	$year_now = (new Date).getFullYear();
	$month_now = (new Date).getMonth() + 1;
	
	$('.timeline ul.year').append('<li>' + $year_now + '<ul class="month"></ul></li>');
	for($i = 1;$i<=$year_no;$i++){
		$ul_year = $('.timeline ul.year');
		$year_line = $year_now - $i;
		$ul_year.append('<li>' + $year_line + '<ul class="month"></ul></li>');		
		
		$addMonth = $('.timeline ul.year li:nth-child(' + ($i+1) + ') ul.month');
		$addMonth.append('<li><a href="?t=12' + $year_line + '">Tháng 12</a></li><li><a href="?t=11' + $year_line + '">Tháng 11</a></li><li><a href="?t=10' + $year_line + '">Tháng 10</a></li><li><a href="?t=09' + $year_line + '">Tháng 09</a></li><li><a href="?t=08' + $year_line + '">Tháng 08</a></li><li><a href="?t=07' + $year_line + '">Tháng 07</a></li><li><a href="?t=06' + $year_line + '">Tháng 06</a></li><li><a href="?t=05' + $year_line + '">Tháng 05</a></li><li><a href="?t=04' + $year_line + '">Tháng 04</a></li><li><a href="?t=03' + $year_line + '">Tháng 03</a></li><li><a href="?t=02' + $year_line + '">Tháng 02</a></li><li><a href="?t=01' + $year_line + '">Tháng 01</a></li>');		
	}
	$year_first = $('.timeline ul.year li:first-child ul.month');
	function line_now(){	
		if($month_now >= 12){$year_first.append('<li><a href="?t=12' + $year_now + '">Tháng 12</a></li>');}
		if($month_now >= 11){$year_first.append('<li><a href="?t=11' + $year_now + '">Tháng 11</a></li>');}
		if($month_now >= 10){$year_first.append('<li><a href="?t=10' + $year_now + '">Tháng 10</a></li>');}
		if($month_now >= 9){$year_first.append('<li><a href="?t=09' + $year_now + '">Tháng 09</a></li>');}
		if($month_now >= 8){$year_first.append('<li><a href="?t=08' + $year_now + '">Tháng 08</a></li>');}
		if($month_now >= 7){$year_first.append('<li><a href="?t=07' + $year_now + '">Tháng 07</a></li>');}
		if($month_now >= 6){$year_first.append('<li><a href="?t=06' + $year_now + '">Tháng 06</a></li>');}
		if($month_now >= 5){$year_first.append('<li><a href="?t=05' + $year_now + '">Tháng 05</a></li>');}
		if($month_now >= 4){$year_first.append('<li><a href="?t=04' + $year_now + '">Tháng 04</a></li>');}
		if($month_now >= 3){$year_first.append('<li><a href="?t=03' + $year_now + '">Tháng 03</a></li>');}
		if($month_now >= 2){$year_first.append('<li><a href="?t=02' + $year_now + '">Tháng 02</a></li>');}
		if($month_now >= 1){$year_first.append('<li><a href="?t=01' + $year_now + '">Tháng 01</a></li>');}		
	}line_now();
	
	/*------ShowDate----*/
	$('#main .timeline ul.year li').click(function(){
		$('#main .timeline ul.year li').children('ul.month').hide();
		$(this).children('ul.month').show();
	});
	
	/*--------time_Actice--------*/
	function timeActive(){
		
		$pathnames = window.location.search;
		$timename = $pathnames.substr($pathnames.indexOf('t=')+2,6);
		
		if($timename != ''){
			$pointHash = $('#main .timeline ul.year li ul.month li a[href="?t=' + $timename + '"]');
			$pointHash.addClass('active');
			$pointHash.parent().parent().show();
			
			$('.topic_main').css({'padding' : '0 110px 0 10px'});
			$('.timeline').fadeIn();
			$('.changeDate_btn').hide();
			$('.topic_main').masonry({
			  itemSelector: '.container_topic',
			  isFitWidth: false
			});
			if($(window).scrollTop() > 200){
				$('.timeline').addClass('fixed');
			}
		}
	}timeActive();
	
	/*--------Hash_Actice--------
	function hashActive(){
		$hashname = window.location.hash;
		if($hashname != ''){
			$pointHash = $('#main .timeline ul.year li ul.month li a[href="' + $hashname + '"]');
			$pointHash.addClass('active');
		}
	}hashActive();
	
	$('#main .timeline ul.year li ul.month li a').click(function(){
		$('#main .timeline ul.year li ul.month li a').removeClass('active');
		$(this).addClass('active');
		setTimeout(function() {
			//alert(window.location.hash);      
    	}, 100); 
		
	});*/
	
	
});